
.img-loader-wrap {
  // display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size:0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  .error-default-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .pla-view {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e1e1e1;
  }
  .img-loader {
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 1s ease;
    opacity: 0;
  }
  .before-load {
    // width: 0;
    // height: 0;
    display: none;
    opacity: 0;
  }
  .finish-load {
    opacity: 1;
  }
  .error-load {
    display: none;
  }
}
